<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="人生就是一部小说,记录生活的点滴" />
    <meta name="keywords" content="记录生活,小说人说,分享你的生活动态,订阅他人的分享" />
    <script>
    window._time = [Date.now()];
    </script>
    <link rel="stylesheet" href="../css/reset.min.css" />
    <link rel="stylesheet" href="../css/index.min.css" />
    <link rel="stylesheet" href="../util/font-awesome-3.2.1/css/font-awesome.min.css" />
    <title>记录生活的点滴</title>
</head>

<body>
    <script>
    window._time[1] = Date.now();
    </script>
    <div class="page-header clearfix">
        <h1 class="page-header-title pull-left">每个人的人生都是一部小说</h1>
        <div class="page-header-personal pull-right">
            <a href="../tpl/personal_center.html" class="personal-photo">
                <span class="name">张秀华</span>
                <img src="../img/test/1.png" alt="test" />
            </a>
        </div>
    </div>
    <div class="page-aside">
        <ul class="navbar">
            <li>
                <a href="../tpl/index.html" class="home">
                    <i class="icon-home"></i>
                </a>
                <a href="../tpl/me.html">
                    <i class="icon-user"></i>
                </a>
            </li>
        </ul>
    </div>
    <div class="page-content clearfix">
        <div class="article pull-left">
            <div id="article-content">
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">张秀华</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>人生·感悟</strong>从吴奇隆刘诗诗的婚礼能看到什么</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/1.png" alt="test" />
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">张秀华</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>生活</strong>对不起，我只尊重值得尊重的老人</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/2.png" alt="test" />
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">张秀华</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>爱情</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/3.png" alt="test" />
                    </div>
                </div>
                <div class="article-item article-brief clearfix">
                    <div class="intro pull-left">
                        <a href="#" class="article-title">
                            <h1><strong>分支推荐</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-brief-box">
                            <span class="brief">门口开小超市的老板跟我吐槽。说有个老头，以前从没见过，到他店里什么也没买，扯了一把打包的塑料袋就走。他在后面追问：哎，老人家，你干什么的？！</span>
                        </div>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">张秀华</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>爱情</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/3.png" alt="test" />
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">张秀华</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>爱情</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/3.png" alt="test" />
                    </div>
                </div>
            </div>
            <div class="article-total-footer">
                <a href="javascript:void(0)" class="btn btn-load" id="btn-load">加载更多</a>
            </div>
        </div>
        <div class="recommend">
            <div class="labels">
                <a href="#" class="label">最新</a>
                <a href="#" class="label">最热门</a>
                <a href="#" class="label">北京</a>
                <a href="#" class="label">人这辈子</a>
                <a href="#" class="label">快乐</a>
                <a href="#" class="label">没救</a>
            </div>
        </div>
    </div>
</body>
<script type="text/html" id="temp-article-item">
    <%for(var i=0;i<data.length;i++) {%>
        <div class="article-item clearfix">
            <div class="intro pull-left">
                <div class="article-author">
                    <span class="author">用户</span>
                    <span class="time">发布时间</span>
                </div>
                <a href="#" class="article-title">
                    <h1><strong><%=data[i].branch%></strong><%=data[i].title%></h1>
                </a>
                <div class="article-footer">
                    <a href="#" class="read">
                        <%=data[i].read%>阅读</a>
                    <a href="#" class="comment">
                        <%=data[i].comment%>评论</a>
                    <a href="#" class="like">
                        <%=data[i].like%>喜欢</a>
                </div>
            </div>
            <div class="photo pull-right">
                <%if(data[i].photo){%>
                    <img src="<%=data[i].photo%>" alt="test" />
                    <%}%>
            </div>
        </div>
        <%}%>
</script>
<script src="../js/lib/require.js"></script>
<script>
window.onload = function() {
    window._time[2] = Date.now();
};
requirejs.config({
    baseUrl: '../js',
    paths: {
        jquery: 'lib/jq'
    }
})
require(['page/index'], function(index) {
    index.init();
})
</script>
<script type="text/javascript">
var isBottom = function() {
    var $window = $(window);
    if ($window.scrollTop() + $window.height() == $(document).height()) {
        return true;
    }
    return false;

}
</script>

</html>
